<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>共青团第二课堂</title>
    <style>
        html,
        body {
            width: 100%;
            margin: 0;
            height: 100vh;
            display: flex;
            flex-direction: column;

        }

        body {}

        .inline_block {

            display: inline-block;
        }

        .header_right {
            width: 400px;

            height: 130px;

        }

        .nav-fron {
            color: #ffffff!important;
        }

        .nav-fron-background {
            background: snow!important;
        }

        .nav-fron li a {
            color: #ffffff!important;
        }

        #main-nav {
            background-color: #0099FF;
            border-left: 1px solid #0099FF;
            color: #ffffff;
        }


        .active a {
            background: #0066FF!important;
        }

        .navbar {
            border: 0!important;
        }

        .open a {
            background: #0099FF!important;
        }

        .dropdown-menu {
            background: #0099FF!important;
        }

        .dropdown-menu li a:hover {
            background: #0066FF!important;
        }

        #cen {
            width: 70%;
        }

        .main-box-fix {
            flex: 1;
        }
    </style>
    <link href="$bootstrap/css" type="text/css" rel="Stylesheet" />
    <script src="$jquery" type="text/javascript"></script>
    <script src="$bootstrap/js" type="text/javascript"></script>
    <script src="$vue" type="text/javascript"></script>
    <script src="$js/JquerySession.js" type="text/javascript"></script>

</head>

<body>
    <header>
        <center>
            <div>
                <nav class="navbar navbar-default" id="main-nav" role="navigation">
                    <div id="cen">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle nav-fron" data-toggle="collapse" data-target="#example-navbar-collapse">
                                    <span class="sr-only">切换导航</span>
                                    <span class="icon-bar nav-fron-background"></span>
                                    <span class="icon-bar nav-fron-background"></span>
                                    <span class="icon-bar nav-fron-background"></span>
                                </button>
                                <a class="navbar-brand nav-fron" href="/GQT/public/index">共青团第二课堂</a>
                            </div>
                            <div class="collapse navbar-collapse" id="example-navbar-collapse">
                                <ul class="nav navbar-nav nav-fron">
                                    <li class="active">
                                        <a href="/GQT/public/index">主页</a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">申报
                                            <b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="/GQT/public/index/apply/apply">学分申报</a>
                                            </li>
                                            <li>
                                                <a href="/GQT/public/index/apply/appProject">项目申报</a>
                                                <!-- <a href="/GQT/public/index/apply/submitMaterial">项目申报</a> -->

                                            </li>
                                            <li>
                                                <a href="/GQT/public/index/apply/addProMember">加入申请</a>
                                            </li>

                                            <!-- <li class="divider"></li>
                                        <li><a href="#">分离的链接</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#">另一个分离的链接</a></li> -->
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="/GQT/public/index/project/project">项目公示</a>
                                    </li>
                                    <li>
                                        <a href="/GQT/public/index/export/export">报表输出</a>
                                    </li>


                                </ul>
                                {present name="stu_id"}
                                <ul class="nav navbar-nav pull-right nav-fron">
                                    <li class="" id="">
                                        <a href="/GQT/public/index/people/index">{$stu_id}
                                            <span class="badge" id="msg">3</span>
                                        </a>
                                    </li>
                                    <li class="" id="logout">
                                        <a href="#">注销</a>
                                    </li>
                                </ul>

                                {else /}
                                <ul class="nav navbar-nav pull-right nav-fron">
                                    <li class="">
                                        <a href="/GQT/public/index/index/sign">登录</a>
                                    </li>
                                    <li class="">
                                        <a href="/GQT/public/index/index/login">注册</a>
                                    </li>
                                </ul>
                                {/present}
                            </div>
                        </div>
                    </div>
                </nav>


            </div>
        </center>

    </header>
    <script>
        $('#logout').click(function () {
            $.get('/GQT/public/index/sign/logout', function (data) {
                location.reload();
            })
            return false;
        })
        $(function () {
            $('#msg').load('/GQT/public/index/Apply/getMsg')
        },

        )




    </script>
    <div class="main-box-fix">